/**
 * Created with JetBrains PhpStorm.
 * User: Guilherme Cabrini, Pedro Gorla
 * Date: 7/15/13
 * Time: 10:51 AM
 */

@charset "UTF-8";

/** FONT-FACES **/
/** RUDA **/
@font-face {
    font-family: 'Ruda';
    src: url('../fonts/ruda/regular/ruda-webfont.eot');
    src: url('../fonts/ruda/regular/ruda-webfont.eot?#iefix')
    format('embedded-opentype'),
    url('../fonts/ruda/regular/ruda-webfont.woff') format('woff'),
    url('../fonts/ruda/regular/ruda-webfont.ttf') format('truetype'),
    url('../fonts/ruda/regular/ruda-webfont.svg#Ruda') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RudaBold';
    src: url('../fonts/ruda/bold/ruda-bold-webfont.eot');
    src: url('../fonts/ruda/bold/ruda-bold-webfont.eot?#iefix')
    format('embedded-opentype'),
    url('../fonts/ruda/bold/ruda-bold-webfont.woff') format('woff'),
    url('../fonts/ruda/bold/ruda-bold-webfont.ttf') format('truetype'),
    url('../fonts/ruda/bold/ruda-bold-webfont.svg#RudaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RudaBlack';
    src: url('../fonts/ruda/black/ruda-black-webfont.eot');
    src: url('../fonts/ruda/black/ruda-black-webfont.eot?#iefix')
    format('embedded-opentype'),
    url('../fonts/ruda/black/ruda-black-webfont.woff') format('woff'),
    url('../fonts/ruda/black/ruda-black-webfont.ttf') format('truetype'),
    url('../fonts/ruda/black/ruda-black-webfont.svg#RudaBlack')
    format('svg');
    font-weight: normal;
    font-style: normal;
}

/** PARSIENNE **/
@font-face {
    font-family: 'Parisienne';
    src: url('../fonts/parisienne/regular/parisienne-regular.eot');
    src: url('../fonts/parisienne/regular/parisienne-regular.eot')
    format('embedded-opentype'),
    url('../fonts/parisienne/regular/parisienne-regular.woff') format('woff'),
    url('../fonts/parisienne/regular/parisienne-regular.ttf') format('truetype'),
    url('../fonts/parisienne/regular/parisienne-regular.svg#ParisienneRegular')
    format('svg');
}

/** RESET CSS **/
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { background-color: #f6f6f6; color: #515151; font-family: "Ruda", sans-seriff; }
a { text-decoration: none; color: #515151; font-size: 16px; }
/** FLOATS **/
.right { float: right;}
.left { float: left;}

/** HEADER **/
header {
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    top: 0;
}

/** lOGO **/
.logo-name {
    text-align: center;
    font-family: "Parisienne", sans-seriff;
    font-size: 45px;
    margin: 10px 0px 15px 0px;
}

/** NORMAL MENU **/
nav.nav-menu {
    width: 100%;
    text-align: center;
}

nav.nav-menu .menu li.menu-item {
    display: inline-block;
    padding: 10px;
}

/** MENU ITENS **/
li.menu-item:hover, li.menu-item.ativo {
    background-color: #E2E2E2;
}

/** MOBILE ICON MENU **/
a.icon-open-menu {
    display: none;
    float: none;
    text-align: center;
    margin: 12px 0px 5px 0px;
}
/** END HEADER **/


/** SECTION MAIN **/
section.main {
    width: 80%;
    margin: 163px auto;
}

section.main section.section-blocks {
    margin-top: 80px;
}

section.main p.title {
    width: 100%;
    float: left;
    font-size: 20px;
    border-bottom: 1px solid #515151;
    margin: 80px 0px 30px 0px;
    padding-bottom: 5px;
}

section.main .big-block, section.main .medium-block, section.main .small-block {
    background-color: #E2E2E2;
    float: left;
}

/** BIG BLOCK **/
section.main .big-block {
    width: 100%;
    height: 300px;
    margin-bottom: 40px;
}

/** MEDIUM BLOCK **/
section.main .medium-block {
    width: 48%;
    height: 300px;
    float: left;
}

/** FIRST MEDIUM BLOCK **/
section.main .medium-block.first {
    margin-right: 4%;
}

/** SMALL BLOCK **/
section.main .small-block {
    width: 28%;
    height: 300px;
}

/** PRODUTOS **/
ul.carrossel-produtos {
    width: 100%;
    float: left;
}

ul.carrossel-produtos li {
    list-style: none;
}


/** END SECTION MAIN **/


/** MEDIA QUERIES **/
@media only screen and (max-width: 768px) {
    /** MEDIUM BLOCK **/
    section.main .big-block, section.main .medium-block, section.main .small-block {
        width: 100%;
        margin: 40px 0 0 0;
    }
}

@media only screen and (max-width: 542px) {
    /** HIDE MENU **/
    ul.menu {
        display: none;
    }

    /** SHOW ICON MENU **/
    a.icon-open-menu {
        display: block;
    }

    /** MENU ITENS **/
    nav.nav-menu .menu li.menu-item {
        width: 100%;
        list-style: none;
        padding: 10px 0px;
        border-bottom: 1px solid #f2f2f2;
    }
}

@media only screen and (min-width: 543px) {
    /** HIDE MENU **/
    ul.menu {
        display: block;
    }

    /** SHOW ICON MENU **/
    a.icon-open-menu {
        display: none;
    }
}

/** FORMULARIOS **/
h1.user-icon {
    width: 100%;
    height: 30px;
    float: left;
    background: url("images/user-small.png") no-repeat top left;
    padding: 19px 0px 0px 40px;
}

.form-cont {
    width: 100%;
    margin: 10px auto;
    border: 1px solid #515151;
}

/** FORMULARIO BOX **/
.form-box {
    width: 40%;
    padding: 3%;
}

.form-box div.form-input {
    width: 100%;
    margin: 10px 0px 0px 0px;
}

div.form-input label {
    font-size: 14px;
    margin: 5px 0px;
    cursor: pointer;
}

div.form-input a {
    font-size: 12px;
    margin-top: 10px;
    text-decoration: underline;
}

div.form-input .button {
    width: 50%;
    height: 29px;
    background-color: #5b0a0a;
    font-size: 16px;
    color: white;
    border: 0;
    cursor: pointer;
}

div.form-input input[type=text], div.form-input input[type=password], div.form-input input[type=email] {
    text-indent: 10px;
}

div.form-input ul {
    padding-left: 15px;
    margin: 5px 0px 2px 0px;
}

.req {
    width: 700px;
    height: 20px;
    padding: 5px;
}

.error-bg {
    background: #fbe3e3;
    padding: 3px 0 3px 15px;
}

.error input {
    border: 1px solid red;
}

.error textarea {
    border: 1px solid red;
}

.error label {
    color: red;
}

.reqi {
    width: 550px;
    float: right;
}

.reql {
    float: right;
    padding-right: 5px;
}

.login input[type="text"], .login input[type="password"] {
    border: 1px solid gray;
    height: 25px;
    width: 100%;
}

.login ul {
    font-size: 13px;
}



/*INFORMACOES*/
.alert {
    background: #fbe3e3;
    width: 100%;
    height: 60px;
    border: 1px solid #5b0a0a;
    line-height: 60px;
    margin-bottom: 20px;
}

.alert b {
    color: #5b0a0a;
    padding-left: 15px;
}

.success {
    background: #99EB99;
    width: 100%;
    height: 250px;
    border: 1px solid #006600;
}

.success p {
    width: 700px;
    margin: 0 auto;
    padding: 20px 0 10px 0;
    line-height: 50px;
    color: #006600;
    text-align: center;
}

.checkIcon {
    background: url('../css/images/check.png') no-repeat left;
}